$(function(){
	/*轮播图 */
	var index = 0
	var timer
	
	$("#index .loop .banner .img").eq(0).show().siblings().hide()
	
	timer = setInterval(function(){
		index++
		if(index > 2){
			index = 0
		}
		showBanner(index)	
	},2000)
	
	$("#index .top .loop .btn-left").click(function(){
		//上一张
		index--
		clearInterval(timer)
		if(index < 0){
			index = 2
		}
		showBanner(index)
	})
	
	$("#index .top .loop .btn-right").click(function(){
		//下一张
		index++
		clearInterval(timer)
		if(index > 2){
			index = 0
		}
		showBanner(index)
	})
	
	$("#index .top .loop .btn").mouseout(function(){
		//鼠标离开，激活定时器
		activeTimer()
	})
	
	$("#index .top .tags .tag").hover(function(){
		//小圆圈
		clearInterval(timer)
		index = $(this).index() //当前index值
		showBanner(index)
	},function(){
		activeTimer()
	})
	
	function showBanner(index){
		$("#index .loop .banner .img").stop(true,true).eq(index).fadeIn(300).siblings().fadeOut(300)
		$("#index .loop .tags .tag").eq(index).css({
			'background-color':'#22a666'
		}).siblings().css({
			'background-color':'white'
		})
	}
	
	function activeTimer(){
		timer = setInterval(function(){
			index++
			if(index > 2){
				index = 0
			}
			showBanner(index)	
		},2000)
	}
	
	//监听鼠标滚动事件
	$(document).scroll(function(){
		/*网页可见区域宽： document.body.clientWidth
		网页可见区域高： document.body.clientHeight
		网页可见区域宽： document.body.offsetWidth (包括边线的宽)
		网页可见区域高： document.body.offsetHeight (包括边线的高)
		网页正文全文宽： document.body.scrollWidth
		网页正文全文高： document.body.scrollHeight
		网页被卷去的高： document.body.scrollTop
		网页被卷去的左： document.body.scrollLeft
		网页正文部分上： window.screenTop
		网页正文部分左： window.screenLeft
		屏幕分辨率的高： window.screen.height
		屏幕分辨率的宽： window.screen.width
		屏幕可用工作区高度： window.screen.availHeight
		屏幕可用工作区宽度： window.screen.availWidth*/
		
		var nav = $(".navbar")
		var winHeight = window.innerHeight
		console.log('winHeight = '+winHeight)
		var scrHeight = window.pageYOffset
		console.log('scrHeight = '+scrHeight)
		if(scrHeight > winHeight){
			nav.slideDown(300)
		}else{
			nav.slideUp(300)
		}
		
	})
	
	//右侧便捷栏
	$("#index .sidebar .tel a").mousemove(function(){
		$(this).find("span").show()
	}).mouseout(function(){
		$(this).find("span").hide()
	})
	
	$("#index .sidebar .arrow li").eq(3).show().siblings().hide()
	
	$("#index .sidebar .arrow li").eq(3).mouseenter(function(event){
		event.stopPropagation()
		//alert('eq(1)')
		$("#index .sidebar .arrow li").eq(1).show().siblings().hide()
	})
	
	$("#index .sidebar .arrow li").eq(1).click(function(event){
		event.stopPropagation()
		$("#index .sidebar .arrow li").eq(2).show().siblings().hide()
		//alert('eq(2)')
	}).mouseleave(function(event){
		event.stopPropagation()
		$("#index .sidebar .arrow li").eq(3).show().siblings().hide()
		//alert('eq(3)')
	})
	
})
